@extends("layouts.main")
@section('title','山尔飨生态农场')
@section('keywords','山尔飨生态农场')
@section('description','山尔飨生态农场')
@section("content")

    <section class="hero-1-bg bg-light" style="background-image: url(/assets/images/hero-1-bg-img.png)" id="home">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-6">
                    <h1 class="display-4 font-weight-medium mb-4">生态农场</h1>
                    <h1 class="hero-1-title font-weight-normal text-dark mb-4">我只选山尔飨</h1>
                    <p class="text-muted mb-4 pb-3">从乡间到身边,您身边的生态农场</p>
                    <a href="#" class="btn btn-primary">快速开始<span class="ml-2 right-icon">&#8594;</span></a></div>
                <div class="col-lg-6 col-md-10">
                    <div class=" mt-5 mt-lg-0">
                        <img src="/assets/images/aa11.png" alt="" class="img-fluid d-block mx-auto">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About us End --><!-- Services Start -->
    <section class="section bg-light" id="services">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="text-center mb-5">
                        <h2 class="">我们的服务</h2>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="card service-box text-center p-4">
                        <div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(/assets/images/service-icon-bg.png)">
                            <div class="service-box-icon justify-content-center"><img src="/assets/images/services-icon/icon-1.png" alt="" class="img-fluid d-block"></div>
                        </div>
                        <h4 class="service-title mt-4 mb-3 f-18">服务支持</h4>
                        <p class="service-subtitle mb-4 f-15">如您遇到任何问题可向我们寻求帮助,我们提供7*24小时服务</p>
                        <a href="#" class="read-more">更多<span class="right-icon ml-2">&#8594;</span></a></div>
                </div>
                <div class="col-lg-4">
                    <div class="card service-box text-center p-4">
                        <div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(/assets/images/service-icon-bg.png)">
                            <div class="service-box-icon justify-content-center"><img src="/assets/images/services-icon/icon-2.png" alt="" class="img-fluid d-block"></div>
                        </div>
                        <h4 class="service-title mt-4 mb-3 f-18">安全性分析</h4>
                        <p class="service-subtitle mb-4 f-15">为了更好的服务客户,您在我们平台的数据都是加密的</p>
                        <a href="#" class="read-more">更多<span class="right-icon ml-2">&#8594;</span></a></div>
                </div>
                <div class="col-lg-4">
                    <div class="card service-box text-center p-4">
                        <div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(/assets/images/service-icon-bg.png)">
                            <div class="service-box-icon justify-content-center"><img src="/assets/images/services-icon/icon-3.png" alt="" class="img-fluid d-block"></div>
                        </div>
                        <h4 class="service-title mt-4 mb-3 f-18">数据隐私</h4>
                        <p class="service-subtitle mb-4 f-15">您在我们平台的任何数据都是保密的,平台不会泄露您任何隐私信息</p>
                        <a href="#" class="read-more">更多<span class="right-icon ml-2">&#8594;</span></a></div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features End --><!-- Project Start -->
    <section class="section bg-light" id="project">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="text-center mb-5">
                        <h2 class="">公司简介/部分业务</h2>
                        <P class="text-muted">凉山州鑫飞农业工作室，成立于2021年，位于四川省凉山彝族自治州，是一家以从事酒、饮料和精制茶制造业为主的企业。目前旗下已经有山尔飨生态农场全套生态链，其中以黄杏,恰玛古，冬小麦等作为生态农场的主要作物，更有骆驼等动物。赶快行动起来成为下一个农场经济人吧。以下是我们公司最新的一些项目产品截图</P>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/1.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/2.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/3.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/4.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/5.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="project-box mb-4">
                        <div class="position-relative overflow-hidden rounded"><img src="/assets/images/project/6.png" alt="" class="img-fluid d-block mx-auto shadow">

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Project End --><!-- Testimonial Start -->
    <!-- Latest News End --><!-- Contact Us Start -->
    <Section class="section" id="contact">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="text-center mb-5">
                        <h2 class="">联系我们</h2>
                        <P class="text-muted">如有任何问题可通过以下方式联系我们</P>
                    </div>
                </div>
            </div>
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-6 col-md-10">
                    <div class="mb-5 mb-lg-0">
                        <div class="text-center"><img src="/assets/images/contact-img.png" alt="" class="img-fluid d-block w-75 mx-auto">
                            <h4 class="mt-4">是否面临一些问题..?</h4>
                            <p class="text-muted mb-4">别担心,通过以下方式就能轻松解决</p>
                            <a href="#" class="btn btn-success"><i class="icon mr-2 icon-fill-white" data-feather="message-circle"></i>在线咨询</a>
                            <p class="mt-4">或者通过如下方式：</p>
                            <div class="row" style="text-align: left">
                                <div class="col-md-6"><a href="#">
                                        <div class="badge f-14 bg-soft-dark text-muted"><span class="text-dark mr-1">Email:</span>1045444853@qq.com</div>
                                    </a></div>
                                <div class="col-md-6 mt-2 mt-sm-0"><a href="#">
                                        <div class="badge f-14 bg-soft-dark text-muted"><span class="text-dark mr-1">Phone:</span>19111968138</div>
                                    </a></div>
                                <div class="col-md-6" style="margin-top: 20px"><a href="#">
                                        <div class="badge f-14 bg-soft-dark text-muted"><span class="text-dark mr-1">Address:</span>四川省凉山彝族自治州西昌市长安中路50号2楼18号</div>
                                    </a></div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <h4 class="line-height-1_4 mb-4">联系我们</h4>
                    <div class="custom-form mt-4 mt-lg-0">
                        <div id="message"></div>
                        <form method="post" action="#" name="contact-form" id="contact-form">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group app-label">
                                        <label for="name" class="text-muted">姓</label>
                                        <input name="name" id="name" type="text" class="form-control" placeholder="姓">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group app-label">
                                        <label for="name" class="text-muted">名</label>
                                        <input name="name" id="name1" type="text" class="form-control" placeholder="名">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group app-label">
                                        <label for="name" class="text-muted">邮箱</label>
                                        <input name="email" id="email" type="email" class="form-control" placeholder="邮箱">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group app-label">
                                        <label for="name" class="text-muted">内容</label>
                                        <textarea name="comments" id="comments" rows="4" class="form-control" placeholder="请输入你要咨询的内容或意见"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <button type="button" id="submit" name="send" class="btn btn-primary">发送</button>
                                    <div id="simple-msg"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </Section>

@endsection
